<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <link rel="stylesheet" href="resources/css/nivo-slider.css" type="text/css" media="screen" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <body>

        <ui:composition template="./WEB-INF/template.xhtml">
            <div id="leftdiv">

            </div><!-- end of leftdiv -->
            <ui:define name="content">
                <ui:define name="title">
                    <h:outputText value="Ensalada | Subway El Salvador!" />
                </ui:define>
                <div id="content_inner">
                    <div id="banner">
                        <div id="menu_index">
                            <ul>
                                <li><a href="index.xhtml">INICIO</a></li>
                                <li><a href="sandwich.xhtml">SANDWICH</a></li>
                                <li><a href="ensalada.xhtml">ENSALADAS</a></li>
                                <li><a href="combo.xhtml">COMBOS</a></li>
                                <li><a href="#">PROMOCIONES</a></li>
                                <li><a href="pedido.xhtml">REV.PEDIDO</a></li> 
                            </ul>
                        </div><!-- end of menu_index -->
                        <div id="login">
                            <h3>INICIAR SESI&Oacute;N</h3>
                            <form action="#" method="post">
                                <label>Usuario</label>
                                <input type="text" value="" name="username" size="10" class="input_field" title="username" />
                                <label>Contraseña</label>
                                <input type="password" value="" name="password" class="input_field" title="password" />
                                <input type="submit" name="login" value="Login" alt="login" id="submit_btn" title="Login" />
                            </form>
                            <label><a href="#">¿Olvid&eacute; la contraseña?</a></label>
                            <label><a href="registro.xhtml">Registrarme</a></label>
                        </div><!-- end of login -->

                        <div class="slider"><span class="frame"></span>
                            <!--Slider de productos y promociones-->
                            <img src="images/image_01.jpg" alt="imagen 1" />
                            <img src="images/image_02.jpg" alt="imagen 1" />
                            <img src="images/image_03.jpg" alt="imagen 1" />
                        </div> <!--  end of slider -->
                    </div>
                    <div class="content">

                        <h1>Disfruta de nustras especialidades!</h1>
                        <p><a href="">
                                <img src="images/varias_ensaladas.jpg" width="400" height="200" alt="ensaldas"/>
                            </a></p>
                        <div class="cleaner_h10">
                        </div> 

                        <div class=" section_430">
                            <h2>Tu eliges!! </h2>

                            <form id="form2" name="form2" method="post" action="">
                                <p>
                                    <label>
                                        <input type="radio" name="pedido_sandwich" value="opción1" />
                                        CESAR</label>
                                    PRECIO $5.50 <br />
                                    <label>
                                        <input type="radio" name="pedido_sandwich" value="opción2" />
                                        POLLO</label>
                                    PRECIO $6.99 <br />
                                    <label>
                                        <input type="radio" name="pedido_sandwich" value="opción1" />
                                        VEGETALES</label>
                                    PRECIO $5.50 <br />

                                </p>
                            </form>

                            <h2>Confirmar pedido! </h2>
                            <p><a href="sandwich.xhtml">
                                    <input type="submit" value="Realizar Pedido" name="pedido" />
                                </a></p>

                            <p><a href="pedido.xhtml">
                                    <input type="submit" value="Revisar Pedido" name="Rev pedido" />
                                </a></p>


                            <div class="cleaner_h10">
                            </div>
                        </div> 




                    </div><!-- end of content -->
                </div><!-- end of content_inner -->

            </ui:define>
        </ui:composition>

    </body>
</html>
